<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B0401_Pick-dialog" ng-init="init();"
    style="background-color: #fafafa;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'B0401.list.column18' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page" style="flex: initial;">
            <div class="kmi-text-fields qr-code">
                <label ng-bind="'B0401_Pick.column3' | translate"></label>
                <input class='searching-bad' id="qrcode" ng-model="dialog.qrcode"
                    ng-keypress="dialog.qrcode_scan($event);" style="flex:1;">
                <div class="tip qrcode" ng-click="dialog.qrcode_plot_no();">
                    <img src="image/icons/QRCode.png">
                </div>
            </div>
        </div>
        <div class="kmi-layout-page" ng->
            <div class="left">
                <div class="kmi-list type-list  none-column-split">
                    <div class="kmi-list__header">
                        <div class="kmi-list__column" style="padding: 0 0 0 32px;"
                            ng-bind="'B0401_Pick.column1' | translate"></div>
                        <div class="kmi-list__column-btn" ng-hide="dialog.onlyScan" style="top: 2px; right: 2px;">
                            <button class="mdl-button mdl-js-button mdl-button--icon">
                                <img src="image/icons/move4.png"></img>
                                <div class="kmi-can-click" ng-click="dialog.clickUnselectItemAll();"></div>
                            </button>
                        </div>
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list inner-list none-scrollbar">
                            <div class="kmi-list__row-content">
                                <div class="kmi-list__row" ng-repeat="item in dialog.notInWarehouse track by $index">
                                    <div class="kmi-list__column" style="flex:1;">{{item.PCSNo}}</div>
                                    <div class="kmi-list__column-btn" ng-hide="dialog.onlyScan"
                                        style="right: 2px; pointer-events: none;">
                                        <button class="mdl-button mdl-js-button mdl-button--icon">
                                            <img src="image/icons/move4.png"></img>
                                        </button>
                                    </div>
                                    <div class="kmi-can-click" ng-hide="dialog.onlyScan"
                                        ng-click="dialog.clickUnselectItem(item, $index)"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="kmi-list select-list none-column-split">
                    <div class="kmi-list__header">
                        <div class="kmi-list__column-btn" ng-hide="dialog.onlyScan"
                            style="position: relative; left: 2px;">
                            <button class="mdl-button mdl-js-button mdl-button--icon">
                                <img src="image/icons/move5.png"></img>
                                <div class="kmi-can-click" ng-click="dialog.clickSelectItemAll();"></div>
                            </button>
                        </div>
                        <div class="kmi-list__column" style="flex:1;"
                            ng-style="{paddingLeft: onlyScan ? '28px' : '8px'}"
                            ng-bind="'B0401_Pick.column2' | translate"></div>
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row" ng-repeat="item in dialog.selectList track by $index">
                            <div class="kmi-list__column-btn" ng-hide="dialog.onlyScan"
                                style="position: relative; left: 2px; pointer-events: none;">
                                <button class="mdl-button mdl-js-button mdl-button--icon">
                                    <img src="image/icons/move5.png"></img>
                                </button>
                            </div>
                            <div class="kmi-list__column" style="flex:1;"
                                ng-style="{paddingLeft: onlyScan ? '28px' : '8px'}">
                                {{item.PCSNo}}</div>
                            <div class="kmi-can-click" ng-hide="dialog.onlyScan"
                                ng-click="dialog.clickselectItem(item, $index)">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="btn-tool" style="display: flex; justify-content: flex-end;">
            <div class="kmi-button kmi-button-confrim" ng-click="dialog.confirm()" style="width:100px;">
                <label ng-bind="'common.btn.confirm' | translate"></label>
                <div class="kmi-can-click"></div>
            </div>
        </div>
    </div>
</div>